@import "_reset.less";

/*wrap*/
.wrap{
	width:100%;
	height:100%;
	min-height: 930px;
	overflow: hidden;
	position: relative;
	background-color: #e0e8e5;
}
#main{width:100%; min-height: 100%;position: relative; height: 100%;}
.flt{float:left}
.flr{float:right}
html,body{ height: 100%;}
#content{
    position: absolute;
    top:0;
    bottom:0rem;
    left:0;
    right:0;
    width:100%;

    overflow-x:hidden;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch;
     }
.panel{ display: none;
    &.active{ display: block;}
}
.scroll_arrow{
    width:125/20rem;
    height:86/20rem;
    position: absolute;
    bottom: 5%;
    left:50%;
    margin-left:-125/20/2rem;
    background: url("../img/next.png") no-repeat;
    background-size: 100% 100%;
    .animation(arrow-next 0.5s ease-in-out 0s infinite alternate);
}
.icon{
    display:inline-block; 
    vertical-align: middle;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size:100% 100%;
}
